import React from 'react';
import { Col, Form, Input, Row } from 'antd';

export default function Auth({ namePrefix, type }) {
  return (
    <>
      <div className='page-title' data-oid='8u93i6x'>
        授权
      </div>
      <Row gutter={16} data-oid='m81b69m'>
        <Col flex={'1'} data-oid='czdqv9e'>
          <Form.Item label='AccessKey ID' name={[...namePrefix, `${type}.access_key_id`]} rules={[{ required: true }]} data-oid='v_9f:yh'>
            <Input placeholder='请输入AccessKey ID' data-oid='l08qe1o' />
          </Form.Item>
        </Col>
        <Col flex={'1'} data-oid='wma2v9h'>
          <Form.Item label='AccessKey Secret' name={[...namePrefix, `${type}.access_key_secret`]} rules={[{ required: true }]} data-oid='g-znhul'>
            <Input placeholder='请输入AccessKey Secret' data-oid='zyn4_f-' />
          </Form.Item>
        </Col>
        <Col data-oid='a90m:el'>
          <div style={{ width: '30px' }} data-oid='zwbw88r'></div>
        </Col>
      </Row>
    </>
  );
}
